<template>
  <div class="m-life">
    <el-row>
      <el-col :span="14">
        <slide />
      </el-col>
      <el-col :span="5" class="m-life-pic"></el-col>
      <el-col :span="5" class="m-life-login">
        <h4>
          <img src="//s0.meituan.net/bs/fe-web-meituan/e350c4a/img/avatar.jpg" alt />
        </h4>
        <p class="m-life-login-name">Hi! 你好</p>
        <p>
          <button class="el-button el-button--default is-round">注册</button>
          <button class="el-button el-button--default is-round">登录</button>
        </p>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="7" class="m-life-hotel"></el-col>
      <el-col :span="7" class="m-life-music"></el-col>
      <el-col :span="5" class="m-life-coop"></el-col>
      <el-col :span="5" class="m-life-downapp">
        <img src="//s1.meituan.net/bs/fe-web-meituan/60ac9a0/img/download-qr.png" alt="">
        <h3>美团APP手机版</h3>
        <h4>1元起  吃喝玩乐</h4>
      </el-col>
    </el-row>
  </div>
</template>
<script>
import Slide from "@/components/public/index/slide";
export default {
  components: {
    Slide
  }
};
</script>
<style lang="scss">
@import "@/assets/css/index/life.scss";
</style>